* {
	margin: 0px;
	padding: 0px;
	font-family:"Helvetica";
}
.list {
	clear: both;
	overflow-x: auto;
	width: 100%;
}

.content {
	margin-bottom:65px;
}
.select {
	float: left;
}
.search {
	float: right;
}
.select select {
	height: 30px;
	font-size: 15px;
	font-weight: bold;
	border: 2px solid #d7d7d7;
	border-radius: 5px;
	width: 161px;
	color: #000000;
	outline: none;
	display: inline-block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	padding-left: 15px;
}
.search img {
	float: left;
    position: relative;
    top: 3px;
    left: 40px;
}
.search input {
	height: 30px;
	width: 181px;
	
	padding: 2px;
	padding-left: 40px;
	line-height: 30px;
	font-size: 17px;
	background:#FFFFFF;
	border: 2px solid #d7d7d7;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
}
.select label {
	position: relative
}
.select label:after {
	font: 25px "Consolas", monospace;
	color: #aaa;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 8px;
	top: -7px;
	padding: 0 0 2px;
	position: absolute;
	pointer-events: none;
}
.select label :before {
	content: '';
	right: 6px;
	top: 0px;
	width: 20px;
	height: 20px;
	background: #f8f8f8;
	position: absolute;
	pointer-events: none;
	display: block;
}
.list_box_item .category {
	width: 15%;
	height: 36px;
	line-height: 36px;
	float: left;
	text-align: left;
	font-weight: normal;
}
.list_box_item .modifier {
	width: 35%;
	height: 36px;
	line-height: 36px;
	float: left;
	text-align: left;
	font-weight: normal;
	margin-right: 40px;
}
.list_box_item .price {
	width: 10%;
	height: 36px;
	line-height: 36px;
	float: right;
	text-align: left;
	font-weight: normal;
    margin-right: 16px;
}
/**/

.r_body {
	background-color: #F8F8F8;
}
.r_head {
	height: 115px;
}
.r_head_left {
	float: left;
}
.r_head_left .color {
	height: 100px;
	width: 120px;
	background: #963E3E;
	border: 0px;
	border-radius: 20px;
	color: #EEEEEE;
	text-align: center;
	font-size: 30px;
}
.r_head_left .color p {
	line-height: 100px;
}
.r_head_left .color:after {
	content: "UPLODE";
	color: #5DACD3;
	font-size: 15px;
	font-weight: bold;
	position: relative;
	top: -5px;
}
.aside .r_head_right {
	float: right;
	width: 76%;
	position: relative;
    top: 22px;
    left: 23px;
}
.r_head_right .tabel {
	border: 0px;
	color: #686868;
}
.r_head_right .tabel tr {
	height: 50px;
	font-size: 20px;
	font-weight: bold;
}
.r_head_right .tabel td {
	padding-right: 20px;
}
.r_head_right .tabel .input {
	width: 350px;
	height: 35px;
	line-height: 35px;
	font-size: 17px;
	font-weight: bold;
	border: 2px solid #CECECE;
	border-radius: 5px;
	color: #606060;
	background-color: white;
	position:relative;
	left:50px;
}
.r_content {
	clear: both;
	width: 100%;
    margin-bottom: 80px;
}
.list_box_item .size_cell_1 {
	width: 45%;
	height: 100%;
	line-height: 33px;
	float: left;
	padding-left: 17px;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	color: #555555;
	font-family:"HelveticaNeue-Light";
	border:0px;
}
.list_box_item .size_cell_2 {
	width: 25%;
	text-align: right;
	height: 100%;
	line-height: 33px;
	float: left;
	border:0px;
	border-right:2px solid #CECECE;
	padding-right: 14px;
	font-size: 16px;
	font-weight: normal;
	color: #555555;
	font-family:"HelveticaNeue-Light";
}
.list_box_item .size_cell_3 {
	width: 10%;
	text-align: left;
	font-weight: normal;
	height: 100%;
	line-height: 33px;
	float: left;
	font-size: 16px;
	font-weight: normal;
	color: #767676;
	font-family:"Helvetica-Light";
	padding-left: 11px;
}
.list_box_item .size_cell_4 {
    width: 10%;
    text-align: right;
    font-weight: normal;
    height: 100%;
    line-height: 33px;
    float: right;
    font-size: 16px;
    font-weight: normal;
    color: #6A687C;
    padding-right: 16px;
    position: relative;
    top: 7px;
}
.list_box_item .modifier_cell_1 {
	width: 60%;
	text-align: left;
	font-weight: normal;
	height: 100%;
	line-height: 33px;
	float: left;
	padding-left: 17px;
	font-size: 16px;
	font-weight: normal;
	color: #555555;
	font-family:"HelveticaNeue-Light";
}
.list_box_item .modifier_cell_2 {
	width: 20%;
	text-align: center;
	height: 100%;
	line-height: 33px;
	float: left;
	font-size: 16px;
	padding-left: 10px;
	font-size: 16px;
	font-weight: normal;
	color: #767676;
	font-family:"Helvetica-Light";
}
.list_box_item .modifier_cell_3 {
    width: 10%;
    text-align: right;
    font-weight: normal;
    height: 100%;
    line-height: 33px;
    float: right;
    font-size: 16px;
    font-weight: normal;
    color: #6A687C;
    padding-right: 16px;
    position: relative;
    top: 7px;
}
.list_box_item img {
	vertical-align: middle;
}
.r_list {
	clear: both;
	margin-top: 21px;
}
.r_footer {
	height: 51px;
	background: #EAEAEA;
	position: absolute;
	bottom: 0px;
	width: 600px;
	right: 0px;
}

.r_footer .r_footer_img {
    float: left;
	position: relative;
    left: 64px;
    top: 13px;
    padding: 0px;
}
.r_footer .r_footer_img img {
	vertical-align: middle;
}
.r_footer .r_footer_btn {
	float: right;
    text-align: right;
    position: relative;
    right: 46px;
    top: 7px;
}
.r_footer button {
    vertical-align: middle;
    font-size: 16px;
    color: #828282;
    font-weight: normal;
    font-family: Helvetica;
}
.r_footer .cancel {
	width: 100px;
	height: 36px;
	border: 2px solid #c7c7c7;
	background-color: #EAEAEA;
	border-radius: 4px;
}
.r_footer  .save {
	width: 100px;
	height: 36px;
	border: 0px;
	background-color: #088BCD;
	border-radius: 5px;
    color: #FFFFFF;
    margin-left: 44px;
}
.aside .p {
	padding: 0px;
	margin: 0px;
}
.aside .list_box {
	width: 92%;
	overflow-y: hidden;
	border: 0px;
	height: auto;
	margin: 0px;
}
.aside .list_box .list_box_item {
	width: auto;
	border: 2px solid #CECECE;
	border-top:0px;
}

.aside .list_box_item {
	height: 33px;
}
.add {
	float: right;
    position: relative;
    right: 10px;
}
.subtract {
	float: right;
	position: absolute;
	line-height: 35px;
	right: 10px;
    margin-top: 6px;
}
.taxes_right {
	height: 100px;
	width: 60%;
	color: #686868;
	font-size: 20px;
	font-weight: bold;
}
/**/

.menu_body {
	background: #EDEDED;
	width: 545px;
	overflow: hidden;
}
.menu_header {
	width: 100%;
	color: #626262;
}
.menu_header .menu_title {
	text-align: center;
	padding: 20px 0px 10px 0px;
}
.menu_header .menu_title h1 {
	font-size: 25px;
	font-weight: normal;
}
.menu_header .menu_title h1 span {
	font-weight: bold;
}
.menu_header .menu_title p {
	font-size: 17px;
	margin-top: 5px;
}
.menu_content {
	width: 100%;
	height: 405px;
	margin: 0px;
	padding: 0px;
	color: #626262;
}
.menu_content .menu_search img {
	position: relative;
	top: -35px;
	left: 20px;
}
.menu_search input {
	width: 495px;
	font-size: 20px;
	padding: 10px 0px 10px 55px;
	border: 0px;
	border-top: 2px solid #CECECE;
	border-bottom: 2px solid #CECECE;
}
.menu_list {
	height: 357px;
	overflow-y: scroll;
	background-color: white;
	position: relative;
	top: -25px;
}
.menu_list .cell {
	border-bottom: 2px solid #CECECE;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
}
.menu_list .cell input {
	float: right;
	height: 20px;
	border: 0px;
}
.menu_footer {
	width: 100%;
	position: relative;
	bottom: 0px;
}
.menu_footer {
	text-align: center;
}
.menu_footer_content {
	width: 80%;
	margin: 0 auto;
}
.menu_footer_content table {
	width: 100%;
}
.menu_footer_content .menu_cancel {
	padding: 5px 0px 5px 0px;
	text-align: left;
}
.menu_footer_content .menu_cancel button {
	width: 90px;
	height: 30px;
	font-size: 15px;
	border: 2px solid #cecece;
	border-radius: 5px;
	background-color: #EDEDED;
	color: #686868;
}
.menu_footer_content .menu_confirm {
	padding: 5px 0px 5px 0px;
	text-align: right;
}
.menu_footer_content .menu_confirm button {
	width: 90px;
	height: 30px;
	font-size: 15px;
	border: 0px;
	border-radius: 5px;
	background-color: #088ACD;
	color: white;
}
.exportbtn{
	background: #088BCD;
	color: #FFF;
	border: 0px;
	height: 30px;
	width: 100px;
	line-height: 30px;
	font-size: 13px;
	border-radius: 5px;
	outline: medium none;
	display: inline-block;
	-moz-appearance: none;
	cursor: pointer;
	margin: 0px 20px;
}


.list_box_item .checkbox,.list_box_item .date,.list_box_item .staff,.list_box_item .payment,.list_box_item .dept,
.list_box_item .due,.list_box_item .collected,.list_box_item .tip{
	width: 9%;
	height: 45px;
	line-height: 45px;
	display: block;
	float: left;
	text-align: left;
	font-size: 16px;
	font-weight: normal;
	color: #6A687C;
	padding: 0px 10px;
}
.list_box_item .date{
	width: 19%;
}
.list_box_item .checkbox{
	width: 3%;
}
.list_box_item .due,.list_box_item .collected,.list_box_item .tip{
	float: right;
	text-align: right;
	width: 120px;
}
.total{
	text-align: right;
}
.total label{
	font-size: 16px;
	line-height: 45px;
	width: 100%;
	clear: all;
}
.total label div{
	padding: 0px 10px;
	float: right;
	display: block;
	color: #088BCD;
	width: 120px;
}
.list .title{
	background:#f1f1f1;
	height:31px;
}
.list .title .name,
.list .title .category,
.list .title .modifier,
.list .title .price{
	font-weight: bold;
	height:31px;
	line-height:31px;
}
#wrap{
	width:928px; 
	z-index: 0;
	margin:0 auto;
    padding: 0px;
}
.con_middle{
	clear: both;
    position: relative;
    top: 20px;
}
.r_head_right .nameInput div{
	display:inline;
}
.r_head_right .categoryInput,.r_head_right .nameInput{
	font-size:16px;
	color:#313131;
	font-family:Helvetica;	
	width:100%;
}
.r_head_right .nameInput div input,.r_head_right .categoryInput select{
	border:2px solid #d7d7d7;
	width:270px;
	height:35px;
	border-radius:5px;
	position: relative;
    top: -8px;
    font-size: 16px;
    font-family: Helvetica;
    padding-left: 15px;
}
.aside .content{
	margin-top:20px;
	margin-right:35px;
	margin-left:35px;
}
.r_head_right .nameInput #menuName,.r_head_right .categoryInput select{
	float: right;
    margin-right: 20px;
}
.aside .content .r_content label{
	font-size:15px;
	font-family:Helvetica;
	color:#313131;
}
.aside .content .r_content .r_list >label {
    margin-bottom: 12px;
    display: block;
    float: left;
}
.aside .content .r_content .r_list .add img,
.aside .content .r_content .r_list .list .subtract img{
	height:20px;
	width:20px;
}
.aside .content .r_content .r_list .list .size_cell_4 img,
.aside .content .r_content .r_list .list .modifier_cell_3 img{
	width:18px;
	height:12px;
	position: relative;
    top: 5px;
}
.aside .list_box label {
	border: 0px;
    height: 36px;
    display: static;
    font-family: HelveticaNeue-Light;
    font-size: 14px;
}
.aside .list_box label>.list_box_item:first-child{
	border-top:2px solid #cecece;
}
.aside .r_footer .r_footer_img img{
	height:25px;
	width:20px;
}
.aside .r_list .list{
	position:relative;
	top:-3px;
}
.categories .list_box{
	position: relative;
    top: 40px;
    width:928px;
}
.categories .list_box .list_box_item{
	border-bottom:2px solid #c4c4c4;
}
.categories .list_box_item .delete{
	height:36px;
}
.categories .assign_btn {
    height: 26px;
    margin-top: 6px;
}
.categories .list_box_item .delete {
    float: right;
}
.categories .delete_btn{
	margin:0px;
	float:right;
    height: 22px;
    position: relative;
    line-height: 36px;
    display: block;
    top: 7px;
    right: 16px;
}
.modifies #wrap{
	position:relative;
	top:40px;
}
.modifies #wrap .list_box{
	width: 100%;
	height: 80%;
}
.modifies #wrap .title{
	overflow: hidden;
    height: 31px;
}
.modifies #wrap .title .list_box_item{
	height: 31px;
}
.modifies #wrap .title .list_box_item .names,
.modifies #wrap .title .list_box_item .discounts{
	height:31px;
}
.modifies #wrap .title .list_box_item .leftsides,
.modifies #wrap .title .list_box_item .lefts{
	height: 31px;
	line-height:31px;
}
.modifies #wrap .list_box_item{
	height:36px;
}
.modifies #wrap .list_box_item .assign_btn {
	height: 26px;
    margin-top: 6px;
}
.modifies > aside{
	z-index:2;
	padding-top:20px;
}
.modifies > aside .input{
    height: 36px;
    width: 270px;
    border-radius: 5px;
    border: 2px solid #d7d7d7;
    padding-left: 17px;
    float: right;
    position: relative;
    top: -12px;
}
.modifies > aside .left ,
.modifies > aside .opt_name,
.modifies > aside .option,
.modifies > aside .select_font
{
    font-size: 16px;
    font-weight: bold;
    color: #313131;
    font-family: "Helvetica";
}
.modifies > aside .option input{
    float: right;
    height: 20px;
    width: 20px;
}
.modifies > aside #mainbody{
	padding-left: 35px;
    padding-top: 20px;
    padding-right: 36px;
}
.modifies .select{
	float: right;
    position: relative;
    right: 81px;
}
.modifies > aside .left ,
.modifies > aside .opt_name,
.modifies > aside .option,
.modifies > aside .body_3{
	margin-top:20px;
}
.modifies > aside .body_3 .subtract {
    position: relative;
    right: 0px;
    height: 20px;
    width: 20px;
    top: 5px;
}
.taxes .aside .r_head .input,
.taxes .aside .r_head .redio{
	display:inline;
	float:right;
}
.taxes .aside .r_head .box {
    margin-bottom: 20px;
    font-size: 16px;
    color: #313131;
    font-family: "Helvetica";
}
.taxes .aside .r_head .box .input input{
	width: 270px;
    height: 35px;
    border: 2px solid #d7d7d7;
    border-radius: 5px;
    padding-left: 15px;
    font-size: 16px;
    color: #313131;
    position: relative;
    top: -10px;
    right: 60px;
}
.taxes .con_middle{
	position:relative;
	top:0px;
}
.taxes #wrap{
	position: relative;
    top: 40px;
}
.taxes .aside .r_head .redio{
    position: relative;
    right: 150px;
}
.taxes .aside .r_head .redio label{
	padding-right:50px;
}
.discounts #wrap{
	position:relative;
	top:40px;
}
.discounts .list_box_item .title .name,
.discounts .list_box_item .title .discount{
	height:31px;
	width:31px;
}
.discounts .title .list_box_item,
.discounts .title .name,
.discounts .title .discount{
    height: 31px;
    line-height: 31px;
}
.transactions #wrap{
	width: 1050px;
    z-index: 2;
    margin: 0 auto;
}
.transactions #wrap .con_middle{
	position:relative;
	top:0px;
}
.transactions #wrap .title .list_box_item{
	height:31px;
}
.transactions #wrap .title .list_box_item .checkbox,
.transactions #wrap .title .list_box_item .date,
.transactions #wrap .title .list_box_item .staff,
.transactions #wrap .title .list_box_item .payment,
.transactions #wrap .title .list_box_item .dept,
.transactions #wrap .title .list_box_item .due,
.transactions #wrap .title .list_box_item .collected,
.transactions #wrap .title .list_box_item .tip{
	height:31px;
	line-height:31px;
}
.transactions #wrap .list_box_item .checkbox,
.transactions #wrap .list_box_item .date,
.transactions #wrap .list_box_item .staff,
.transactions #wrap .list_box_item .payment,
.transactions #wrap .list_box_item .dept,
.transactions #wrap .list_box_item .due,
.transactions #wrap .list_box_item .collected,
.transactions #wrap .list_box_item .tip{
	height:36px;
	line-height:36px;
}
.transactions .list_box_item .due,
.transactions .list_box_item .collected,
.transactions .list_box_item .tip {
    width: 100px;
}
.staff #wrap {
    width: 928px;
    z-index: 2;
    margin: 0 auto;
    padding: 0px;
}
.staff #wrap .content{
	position: relative;
    top: 40px;
}
.staff #wrap .con_middle{
	position:relative;
	top:0px;
}
.staff #wrap .title .list_box_item{
	height:31px;
}
.staff #wrap .title .list_box_item .name,
.staff #wrap .title .list_box_item .category ,
.staff #wrap .title .list_box_item .modifier ,
.staff #wrap .title .list_box_item .price {
	height:31px;
	line-height:31px;
}
.customer #wrap {
    width: 928px;
    z-index: 2;
    margin: 0 auto;
    padding: 0px;
}
.customer #wrap .content{
	position: relative;
    top: 40px;
}
.customer #wrap .con_middle{
	position:relative;
	top:0px;
}
.customer #wrap .title .list_box_item{
	height:31px;
}
.customer #wrap .title .list_box_item .name,
.customer #wrap .title .list_box_item .category ,
.customer #wrap .title .list_box_item .modifier ,
.customer #wrap .title .list_box_item .price {
	height:31px;
	line-height:31px;
}